<app-head-title [headerTitle]="headTitle" [showLine]="false"></app-head-title>
<div class="container">
  <div class="left">
    <img class="l-bg" ngSrc="assets/shared/components/card/chart.jpg" width="223" height="220">
    <div class="chartDetail">
      <div class="chart">
        <span class="num">{{ chartData.num }}</span>
        <span class="unit">{{ chartData.unit }}</span>
      </div>
      <div class="desc">{{ chartData.desc }}</div>
    </div>
  </div>
  <div class="right">
    <div class="powerDetail" *ngFor="let item of powerData">
      <div class="icon" [style.background-color]="item.color"></div>
      <div class="name">{{ item.name }}:</div>
      <div class="value" [style.color]="item.color">{{ item.value }}</div>
      <div class="unit">{{ item.unit }}</div>
    </div>
  </div>
</div>
